{% extends "host.html" %}
{% block main %}
<div class="table-wrapper">
    <div class="table-box-title"><h1>任务列表</h1></div>
    <div class="table-box-tool">
        <label class="count-show">
            Show
            <select class='select' type="select" id="count-show">
                <option value="10">10</option>
                <option value="25">25</option>
                <option value="50">50</option>
                <option value="100">100</option>
            </select>
            Entries
        </label>
        <lable class="talbe-search">
            Search:
            <input class="search" placeholder="keyword" type="search">
        </lable>
    </div>
    <table>
    <thead>
        <tr class='tr-title'>
            <th>#</th>
            <th>username</th>
            <th>role</th>
            <th>create_date</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        {% for user in users%}
        <td> {{ user.id }}</td>
        <td> {{ user.hostcode }}</td>
        <td> {{ user.ip_wan }}</td>
        <td> {{ user.ip_lan }}</td>
        <td> {{ user.configureations}}</td>
        <td> {{ user.create_date }}</td>
        <td>
            <span class='fa fa-pencil'></span>
            <span class='fa fa-trash'></span>
        </td>
    </tr>
        {% endfor %}

    </tbody>
</table>
<div class="pagination">
    <span>Showing 1 to 10 of 57 entries</span>
    <span>
        <a href="#">Previous</a>
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">Next</a>
    </span>
</div>
</div>

{% endblock main %}
